<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>file upload</title>
    <!-- Bootstrap core CSS -->
    <link href="../css/lib/bootstrap.css" rel="stylesheet">
</head>
<body>

<div class="container">
    <div class="well">
        <form  class="form-horizontal" id="upload_form" action="/view/upload.do" method="post"
               enctype="multipart/form-data" >
            <div class="form-group">
                <input  type="file" id="upload" name="upload"/>
            </div>
            <div class="form-group">
                <textarea title="area" class="form-control" rows="3"></textarea>
            </div>

            <div class="form-group">
                <label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
                </label>
            </div>

            <div class="form-group">
                <button type="submit" class="btn btn-default">submit</button>
            </div>

        </form>
    </div>
    <div class="row">

    </div>
</div>
<script src="../js/lib/jquery-1.12.4.js"></script>
<script src="../js/lib/bootstrap.js"></script>
<script type="text/javascript">

</script>

</body>
</html>
